﻿body {
}

@media all and (min-width: 1001px) {
    body {
        background-color: white ;
    }

    #main {
        background-color: transparent;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .left{
        width:200px;
        background-color:red;
        height:800px;
        background-position:left;
    }

    .imgproduct {
        width: 100%;
        height: 100%;
    }

    .col1 {
        margin-right: 10px;
        margin-bottom:10px;
        background-color: green;
        float: left;
        width: 30%;
        height: 200px;
    }


    h2 {
        color: white;
        font-size: 50px;
    }
}

/* Màn hình có độ phân giải tối đa 750px */
@media screen and (max-width: 750px) {
    body {
        background-color: blue;
    }
}

/* Màn hình có độ phân giải tối đa 540px */
@media screen and (max-width: 540px) {
    body {
        background-color: yellow;
    }
}


@media screen and (max-width: 380px) {
    body {
        background-color: orange;
    }
}
